<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
    <link rel="stylesheet" href="./top.css">
</head>
<body style="background-color: black; margin: 0; padding: 0;">
        <div id="div1">
            <img src="./img/top1.png" alt="" id="img1" width="aout" height="90%">
            <div id="tb">
                <a id="a" href="">Home</a>
                <a id="a" href="">Marketing</a>
                <a id="a" href="">Advertising</a>
                <a id="a" href="">Gain profit</a>
                <a id="a" href="">Contact us</a>
                <div class="dropdown" style="margin-top: 30px;">
                    <button class="dropbtn">English</button>
                    <div class="dropdown-content">
                      <a href="">中文</a>
                      <a href="">English</a>
                      <a href="">繁体</a>
                    </div>
                </div>
            </div>
        </div>
        
        
        <div>
            <img src="./img/top2.jpg" id="dt1" alt="" width="100%" height="aout">
        </div>


        <div>
            <img src="./img/top3.png" alt="" width="100%" height="aout">
        </div>


        <div class="tpbj1">
            <img src="./img/top4.png" alt="" id="tp4">

            <div class="a1">The world's leading DSP <br> advertising platform</div>

            <div id="by1" class="by">Taking into account media revenue, user experience<br>
                and advertising conversion, successfully grafted traffic <br> 
                owners,The interaction between users and advertisers <br> 
                to achieve multi-win</div>
            <div id="by2" class="by">By geographic location, app preferences, browsing <br> 
                history, etc. Analysis, for users to label interests and <br> 
                hobbies, more segmented user attributes, advertising <br> 
                more accurate</div> 
            <div id="by3" class="by">Massive app serving channels, a variety of types of <br> 
                products, for advertisers to expand more delivery <br> 
                settings, increase user groups and revenue</div> 
            <div id="by4" class="by">Brand cooperation, help the advertisers to establish <br> 
                cooperative interaction, enrich your own activities <br> 
                content and quantity, activate the old user</div> 
            <div id="by5" class="by">Ads live tracking, convenient for advertisers to view, <br> 
                timely analysis of advertising, can adjust the <br> 
                advertising settings in a timely manner</div>
                 
            <div id="z1" class="zz">Mobile advertising</div>
            <div id="z2" class="zz">User attribute tags</div>
            <div id="z3" class="zz">Access to massive cp</div>
            <div id="z4" class="zz">Brand interact promotion</div>
            <div id="z5" class="zz">Serving performance analysis</div>

            <div id="dd">
                <div>
                    <img src="./img/ddta.png" id="icon1" class="icon" alt="">
                    <img src="./img/ddt1.png" id="active1" class="dd1" alt="">
                    <div id="xdd1" class="xdd"></div> 
                </div> 
                <div>  
                    <img src="./img/ddtb.png" id="icon2" class="icon" alt="">
                    <img src="./img/ddt2.png" id="active2" class="dd1" alt="">
                    <div id="xdd2" class="xdd"></div>
                </div>
                <div> 
                    <img src="./img/ddtc.png" id="icon3" class="icon" alt="">
                    <img src="./img/ddt3.png" id="active3" class="dd1" alt="">
                    <div id="xdd3" class="xdd"></div>
                </div>
                <div>    
                    <img src="./img/ddtd.png" id="icon4" class="icon" alt="">
                    <img src="./img/ddt4.png" id="active4" class="dd1" alt="">
                    <div id="xdd4" class="xdd"></div>
                </div>
                <div>   
                    <img src="./img/ddte.png" id="icon5" class="icon" alt="">
                    <img src="./img/ddt5.png" id="active5" class="dd1" alt="">
                    <div id="xdd5" class="xdd"></div>
                </div>    
            </div>

            <div id="sst">
                <img src="./img/sst1.png" id="sst1" class="animate__animated animate__bounceInRight sst" alt="" >
                <img src="./img/sst2.png" id="sst2" class="animate__animated animate__bounceInRight sst" alt="">
                <img src="./img/sst3.png" id="sst3" class="animate__animated animate__bounceInRight sst" alt="" >
                <img src="./img/sst4.png" id="sst4" class="animate__animated animate__bounceInRight sst" alt="">
                <img src="./img/sst5.png" id="sst5" class="animate__animated animate__bounceInRight sst" alt="">
            </div>
        </div>


        <div class="a2">
            <img src="./img/top5.png" alt="" style="width: 100%;">
        </div>


        <div class="top6">
            <div id="wzjz">——  Real-life data system composed of SSP media traffic data  ——</div>

            <div class="dhk">
                <div id="dhk1" class="dh">
                    <img src="./img/dhtpa.png" id="dh11" alt="">
                    <img src="./img/dhtp1.png" id="dh1" class="lt" alt=""><br>
                    <span id="span1" class="span">User behavior</span>
                    <p id="p1">Using the user behavior and interests to target the user to find the best match for you</p>
                </div>
                <div id="dhk2"class="dh">
                    <img src="./img/dhtpb.png" id="dh12" alt="">
                    <img src="./img/dhtp2.png" id="dh2" class="lt" alt=""><br>
                    <span id="span2" class="span">LBS Positioning</span>
                    <p id="p1">Accurately advertising based on user’s geographic location.</p>
                </div>
                <div id="dhk3" class="dh">
                    <img src="./img/dhtpc.png" id="dh13" alt="">
                    <img src="./img/dhtp3.png" id="dh3" class="lt" alt=""><br>
                    <span id="span3" class="span">Using devices</span>
                    <p id="p1">IOS, Android, users' preferences for apps to show ad</p>
                </div>
            </div>
        </div>


        <div class="top7">
            <img src="./img/top7.png" alt="" width="100%">
        </div>


        <div class="top8">
            <img src="./img/top8.jpg" alt="" width="100%">
            <div class="dbt">
                <img src="./img/yjtp1.png" alt="" class="yjtp" >
                <img src="./img/yjtp2.png" alt="" class="yjtp">
                <img src="./img/yjtp3.png" alt="" class="yjtp">
                <img src="./img/yjtp4.png" alt="" class="yjtp">
                <img src="./img/yjtp5.png" alt="" class="yjtp">
                <img src="./img/yjtp6.png" alt="" class="yjtp">
                <img src="./img/yjtp7.png" alt="" class="yjtp">
                <img src="./img/yjtp8.png" alt="" class="yjtp">
                <img src="./img/yjtp9.png" alt="" class="yjtp">
                <img src="./img/yjtp10.png" alt="" class="yjtp">
                <img src="./img/yjtp11.png" alt="" class="yjtp">
                <img src="./img/yjtp12.png" alt="" class="yjtp">
            </div>
        </div>
        <div class="zdt">
            <img src="./img/zdt.png" alt="" height="25px">
            <p id="pp">2011-2019 Umeng.com , All Right Reserved 京ICP备案11021163号-6 | 京公网安备 110108008330</p>
        </div>
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
        <script src="./top.js"></script>
</body>
</html>